@import '../../style/variable.scss';
$type: (
  primary: (
    color: $s-light-text,
    background-color: $s-primary,
  ),
  secondary: (
    color: $s-text,
    background-color: $s-block,
    border-color: $s-line,
  ),
  text: (
    padding: 0,
    color: $s-brand-active,
  ),
);

$size: (
  small: (
    height: 24px,
    padding: 0 16px,
    font-size: $s-font-size-sm,
  ),
  medium: (
    font-size: $s-font-size-md,
  ),
  large: (
    height: 32px,
    padding: 0 24px,
    font-size: $s-font-size-lg,
  ),
);

// 伪类的配置
$pseudo: (
  primary: (
    hover: (
      background-color: $s-primary-hover,
    ),
    focus: (
      background-color: $s-primary-hover,
    ),
    active: (
      background-color: $s-primary-active,
    ),
    disabled: (
      color: $s-light-text,
      background-color: $s-primary-disabled,
      border: none
    )
  ),
  secondary: (
    hover: (
      border-color: $s-form-control-line-active,
      color: $s-brand-active,
    ),
    focus: (
      border-color: $s-form-control-line-active,
      color: $s-brand-active,
    ),
    active: (
      border-color: $s-form-control-line-active,
      color: $s-brand-active,
    ),
    disabled: (
      color: $s-disabled-text,
      background-color: $s-disabled-bg,
      border: 1px solid $s-disabled-line
    )
  ),
  text: (
    hover: (
      color: $s-brand-active-focus,
    ),
    focus: (
      color: $s-brand-active-focus,
    ),
    active: (
      color: $s-brand-active-focus,
    ),
    disabled: (
      color: $s-disabled-text,
    )
  )
);